/* 列表卡片样式背景，圆角10个单位 */
.card-item {
	border-radius: 20rpx;
	background-color: #FFFFFF;
	padding: 24rpx;
}

.main_style {
	display:flex;
	flex-direction: column;
	background-color: #fff;
	height: 100vh;
}

.uni-padding-wrap {
	width: 690px;
	padding: 0 30px;
	background-color: #000000;
	border-radius: 10rpx;
}

.icon {
	font-family: iconfont;
}

.list-separator-1rpx {
	height: 1rpx;
	background-color: #EEEEEE;
}

.list-separator-10rpx {
	height: 10rpx;
	background-color: #EEEEEE;
}

.list-item {
	padding: 32rpx;
	background-color: #FFFFFF;
}

.popup-button-close {
	background-color: #4487FF;
	border-radius: 0rpx;
	font-size: 32rpx;
	color: #FFFFFF;
}

/**
 * 主按钮样式
 */
.button-primary {
	border-radius: 44rpx;
	min-height: 88rpx;
	height: 88rpx;
	color: #FFFFFF;
	font-size: 36rpx;
	align-items: center;
	justify-content: center;
	display: flex;
	flex-direction: row;
}

/**
 * 主按钮可用时的样式
 */
.button-primary-enabled {
	background: rgba(68, 135, 255, 1);
}

/**
 * 主按钮不可用时的样式
 */
.button-primary-disabled {
	background: rgba(68, 135, 255, 1);
}

/**
 * 主按钮样式
 */
.button-primary-mid {
	background: rgba(68, 135, 255, 1);
	border-radius: 36rpx;
	min-height: 72rpx;
	height: 72rpx;
	color: #FFFFFF;
	font-size: 28rpx;
	padding-left: 29rpx;
	padding-right: 29rpx;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}

/**
 * 主按钮样式-小
 */
.button-primary-mini {
	border-radius: 30rpx;
	min-height: 60rpx;
	height: 60rpx;
	color: #FFFFFF;
	font-size: 26rpx;
	padding-left: 22rpx;
	padding-right: 22rpx;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}

/**
 * 主按钮可用时的样式-小
 */
.button-primary-mini-enabled {
	background: rgba(68, 135, 255, 1);
}

/**
 * 主按钮不可用时的样式-小
 */
.button-primary-mini-disabled {
	background: rgba(238, 238, 238, 1);
	color: #999999;

}

/**
 * 主按钮样式-点击
 */
button.button-primary-pressed {
	background: rgba(127, 173, 255, 1);
	border-radius: 44rpx;
	min-height: 88rpx;
	height: 88rpx;
	color: #FFFFFF;
	font-size: 36rpx;
}

/**
 * 次要按钮样式
 */
.button-secondary {
	background: rgba(255, 255, 255, 1);
	border: 1px solid rgba(68, 135, 255, 1);
	border-radius: 36px;
	height: 72rpx;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	padding-left: 36rpx;
	padding-right: 36rpx;
	color: #4487FF;
	font-size: 28rpx;
}

/**
 * 次要按钮样式
 */
.button-secondary-mid {
	background: rgba(255, 255, 255, 1);
	border: 1px solid rgba(68, 135, 255, 1);
	border-radius: 36px;
	height: 72rpx;
	color: #4487FF;
	font-size: 28rpx;
	padding-left: 29rpx;
	padding-right: 29rpx;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}

/**
 * 次要按钮样式
 */
.button-secondary-mini {
	height: 60rpx;
	background: rgba(255, 255, 255, 1);
	border: 1rpx solid rgba(68, 135, 255, 0.7);
	border-radius: 60rpx;
	font-size: 26rpx;
	color: #4487FF;
	align-items: center;
	justify-content: center;
	display: flex;
	flex-direction: row;
	padding-left: 19rpx;
	padding-right: 19rpx;
}

/**
 * 次要按钮样式-不可点击
 */
.button-secondary-mini-disabled {
	height: 60rpx;
	background: rgba(255, 255, 255, 1);
	border: 0.5rpx solid rgba(204, 204, 204, 1);
	border-radius: 60rpx;
	font-size: 26rpx;
	color: #CCCCCC;
	align-items: center;
	justify-content: center;
	display: flex;
	flex-direction: row;
	padding-left: 19rpx;
	padding-right: 19rpx;
	min-width: 120rpx;
}

/**
 * 清除默认按钮border样式
 */
button::after {
	border: none;
}

/**
 * 活动标签样式
 */
.activity-label {
	font-size: 20rpx;
	padding-left: 8rpx;
	padding-right: 8rpx;
	color: #4487FF;
	height: 30rpx;
	background-color: rgba(232, 243, 254, 1);
	border-radius: 15rpx;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}

/**
 * 单行文本样式
 */
.text-single-line {
	overflow: hidden;
	text-overflow: ellipsis;
	/* 文本溢出时显示省略号来代表被修剪的文本 */
	display: -webkit-box;
	/* 必须结合的属性 ，将对象作为弹性伸缩盒子模型显示 */
	-webkit-box-orient: vertical;
	/* 必须结合的属性 ，设置或检索伸缩盒对象的子元素的排列方式 */
	-webkit-line-clamp: 1;
	/* 文本需要显示多少行 */
}

.cell_line {
	width: 100%;
	height: 1rpx;
	background-color: #eee;
}

/**
 * 两行文本样式
 */
.text-two-line {
	overflow: hidden;
	text-overflow: ellipsis;
	/* 文本溢出时显示省略号来代表被修剪的文本 */
	display: -webkit-box;
	/* 必须结合的属性 ，将对象作为弹性伸缩盒子模型显示 */
	-webkit-box-orient: vertical;
	/* 必须结合的属性 ，设置或检索伸缩盒对象的子元素的排列方式 */
	-webkit-line-clamp: 2;
	/* 文本需要显示多少行 */
}

/**
 * 向右跳转箭头
 */
.nav-next {
	color: #999999;
	font-size: 36rpx;
}

/**
 * 展开/关闭按钮样式
 */
.collapse-expend {
	width: 28rpx;
	height: 24rpx;
}

/**
 * 输入框样式
 */
.input-placeholder {
	color: #999999;
	font-size: 28rpx;
}

/**
 * 数字样式
 */
.number-bold {
	font-family: din-bold;
}

.number-regular {
	font-family: din-regular;
}

/*
图片灰色蒙版
*/
.p-img:after {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	border-radius: 4rpx;
	background: rgba(0, 0, 0, 0.03);
}
